<template>
  <div class="demo">
    <h2 >学校名：{{name}}</h2>
    <h2>学校地址：{{address}}</h2>
    <button @click="sendSchoolName">把学校名给App(props实现)</button>
  </div>
</template>

<script>
export default {
name:'School',
data(){
    return {    
        name:'尚硅谷',
        address:'北京'
    }
},
props:['getSchoolName'],
methods:{
    sendSchoolName(){
        this.getSchoolName(this.name)
    }
}
}
</script>

<style scoped>
.demo{
    background-color: skyblue;
}
</style>